<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>我的消息</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/invest.css">
    <link rel="stylesheet" href="../css/jkd-tab.css">
    <link rel="stylesheet" href="../css/jquery-calendar.css" />
    <link rel="stylesheet" href="../css/jkdpop-box.css">
    <link rel="stylesheet" href="../css/chome.css">
    <script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="../js/jquery-calendar.js"></script>
    <script>
        $(document).ready(function() {
            $(".activ-showbtn").click(
                    function(){
                        $(this).parent().siblings(".activ-show").toggle();
                        $(this).parent().children(".activ-showbtn").toggleClass("activ-showbtn2");
                    }
            )
        })
    </script>
</head>
<body>
<div id="header"></div>
<!--二.我的金开贷-->
<div class="my-jkd wd12 mg0">
    <!--侧边栏-->
    <div id="cmyjkd-leftmenu"></div>
    <!--侧边栏-r-->
    <div class="my-jkd-con fl">
        <!--我的消息-->
        <div class="lottery-box back-w box-sh pt-re">
            <div class="lottery-top  pt-re">
                <div class="invest-til font18 pt-ab colg tl-center">我的消息</div>
            </div>
            <ul class="sm-btngroup ">
                <li><a  class="sm-current">全部</a></li>
                <li><a class="">充值提现消息</a></li>
                <li><a class="">未读</a></li>
                <li><a class="">全部标记为已读</a></li>
            </ul>
            <!--活动消息-->
            <div style="clear: both"></div>
            <ul class="activ-news">
                <li>
                    <div class="activ-txt fl">
                        <div class="activ-poit red-poit fl"></div>
                        <p class="activ-info fl">【活动消息】-您的兑奖码11540420972960已兑换，相应奖券已发放至账户，请至【我的奖的奖券】</p>
                    </div>
                    <div class="activ-time flr">
                        <p class="fl">2017-05-31</p>
                        <a class="activ-showbtn flr"></a>
                    </div>
                    <div style="clear: both"></div>
                    <div class="activ-show">
                        <div class="activ-detail">
                            <p>您的兑奖码11540420972960已兑换，相应奖券已发放至账户，请至【我的奖的奖券】
                                查看详情并尽快使用。邀请好友一起赚钱，可获更多奖励。</p>
                                <div class="activ-invite">
                                    <a class="blue-sbtn hov-alpha fl">邀请好友</a>
                                    <a class="yel-sbtn  col-w  hov-alpha fl">我的奖券</a>
                                </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="activ-txt fl">
                        <div class="activ-poit fl"></div>
                        <p class="activ-info fl">【活动消息】-您的兑奖码11540420972960已兑换，相应奖券已发放至账户，请至【我的奖的奖券】</p>
                    </div>
                    <div class="activ-time flr">
                        <p class="fl">2017-05-31</p>
                        <a class="activ-showbtn flr"></a>
                    </div>
                    <div style="clear: both"></div>
                    <div class="activ-show">
                        <div class="activ-detail">
                            <p>您的兑奖码11540420972960已兑换，相应奖券已发放至账户，请至【我的奖的奖券】
                                查看详情并尽快使用。邀请好友一起赚钱，可获更多奖励。</p>
                            <div class="activ-invite">
                                <a class="blue-sbtn hov-alpha fl">邀请好友</a>
                                <a class="yel-sbtn  col-w  hov-alpha fl">我的奖券</a>
                            </div>
                        </div>
                    </div>
                </li>



            </ul>
            <div style="clear: both"></div>
            <!--分页器-->
            <div id="jkdPagination">
                <div class="jkdPagination">
                    <a class="homePag hov-alpha">首页</a>
                    <a class="jkdpag-l hov-alpha"><img src="../images/jkdpagleft.png"></a>
                    <div class="jkdpag-num">
                        <div>
                            <span class="colred">1</span>
                            <span>/</span>
                            <span>4</span>
                        </div>
                    </div>
                    <a class="jkdpag-r hov-alpha"><img src="../images/jkdpagright.png"></a>
                    <a class="lastPag hov-alpha">尾页</a>
                </div>
            </div>
            <!--分页-->
        </div>


    </div>

</div>
<div style="clear: both"></div>
<div id="footer">
</div>
<style>
    .home-a2{color:#f15b3a }
    .jkd-li12{
        background: url("../images/jkd-icon.png") no-repeat 5px 2px;
    }

    .jkd-a12{
        background: url("../images/12.png") no-repeat;
        background-position:  14px 4px ;
        color: #f15b3a;
    }
</style>

</body>
</html>
